<!-- 商品列表页 -->
<template>
    <div class="sdy-goods-list">
        <sdyHeader title="啥都有 ~ 商品列表"></sdyHeader>
    </div>
</template>
<script setup lang="ts">
// 只要来过这个页面相当于进入了一次搜索，将带过来的信息放入localStorage内
import { useRoute } from 'vue-router';
import type { RouteLocationNormalizedLoaded }from 'vue-router'
import { onMounted } from 'vue';

const $route: RouteLocationNormalizedLoaded = useRoute()

// 拿到搜索回来的信息放在localStorage
const setLoaclStorage = (text:string):void => { 
    // 存个数组
    const historyList :string[] = JSON.parse(window.localStorage.getItem('history') as string) || []
// 把text内的数据追加到数组内，重新存储到localStorage内
// 检测历史信息内是否有text这个信息，如果有则不传入
    const res: boolean = historyList.indexOf(text) !== -1
// console.log(res);
// res为true时，说明历史信息有(什么都不做);为false时，添加到localStorage
    if (res) return
    // 代码到这里，说明为false，进行添加
    historyList.push(text)
    // 存储到localStorage
    window.localStorage.setItem('history', JSON.stringify(historyList))   
}
onMounted(() => { 
    // console.log($route);
    // setLoaclStorage('aaa')

    // 拿到search的内容
    const searchText = $route.query.search
    // console.log(searchText)
    searchText && setLoaclStorage(searchText as string)
})
</script>
<style scoped lang="scss"></style>